


function init(){
    let li = $(".section-menu-list>li>span");
    let liNode = $(".section-menu-list>li>ul>li")
    let parentIndex = null;
    li.on('click', function(){
        $(".section-content").show()
        $('.section-about').hide()
        parentIndex = $(this).parent("li").index()
        if($(this).siblings('ul').css('display') == 'none') {
            $(".section-menu-list>li>ul").hide()
            $(this).siblings('ul').show()
            $('.sec-tab').hide()
            $('.sec-tab').eq(parentIndex).show()
            if ($(this).parent('li').children('span:nth-child(2)').text() == '+') {
                $(".section-menu-list>li>span:nth-child(2)").text('+')
                $(this).parent('li').children('span:nth-child(2)').text('-')
            }else{
                $(this).parent('li').children('span:nth-child(2)').text('+')
            }
        }else {
            $(".section-menu-list>li>ul").hide()
            $(".section-menu-list>li>span:nth-child(2)").text('+')
            // $(this).children('span:nth-child(2)').text('+')
        }
    })
    liNode.on('click', function(){
        if(common.isMobile()){
            window.scrollTo({
                top:500,
                behavior: 'smooth'
            })
        }
        $('.sec-tab').eq(parentIndex).children('.section-box').hide()
        $('.sec-tab').eq(parentIndex).children('.section-box').eq($(this).index()).show()
    })
    $(".about-us").click(function(){
        if(common.isMobile()){
            window.scrollTo({
                top:500,
                behavior: 'smooth'
            })
        }
        $('.section-content').hide()
        $(".section-about").show()
    })
    $('.help-center').click(function(){
        if(common.isMobile()){
            window.scrollTo({
                top:500,
                behavior: 'smooth'
            })
        }
        $(".section-content").show()
        $('.section-about').hide()
    })
    if(common.isMobile()){
        $(".section-menu,.section-content,.footer-box").addClass("animate__animated animate__fadeInUp")
    }
}
init()




/*
*窗口滚动到当前元素才显示动画效果
*classname 当前元素的类名
*effect     要添加的动效类名 参照网址：https://www.dowebok.com/demo/2014/98/*注：需事先引用好animate.min.css 下载地址：https://pan.baidu.com/s/1ntFjwAt
*/
function then_show (classname,effect) {
    $(window).scroll(function(){
        var curr_element = $('.'+classname);
        var active_class = 'animate__animated animate__'+effect;
        var scroll_h = $(window).scrollTop()+$(window).height();
        var self_top = curr_element.offset().top;
        var self_h = curr_element.height();
        if( (scroll_h > self_top + self_h/2) &&  ( $(window).scrollTop() < self_top + self_h/2) ){
            // 显示动画效果
        curr_element.addClass(active_class);
        }else{
        // 退出动画效果（设置后当重新回到可视区可再次显示动效）
        
        
        }
    })
}
if(!common.isMobile()){
    then_show('section-menu','fadeInUp');// 调用
    then_show('section-content','fadeInUp');// 调用
    then_show('footer-box','fadeInUp');// 调用
}


